<div class="fl-box fl">
  <ul id="abc" class="fl-menu">
    <% root = @category.root %>
    <% if root.children.load.any? %>
      <% root.children.includes(:pages).each do |category| %>
        <% next if category.hidden %>
        <li class="fyh f16 <%= 'current' if category == @category %>"><a href="<%= cip_category_path(category) %>"><span class="menus fl"><span class="fl dot"></span><span class="fl"><%= category.title %></span><span class="arr fl"></span></span></a><div class="subm fl f14 fyh ot"><% category.pages.order(:position).first(6).each do |page| %><a href="<%= page.url %>" ><span class="fl"><%= truncate page.title, length: 11 %></span><span class="ar fr"></span></a><% end %></div></li>
      <% end %>
    <% else %>
      <li class="fyh f16 current"><span class="menus fl"><span class="fl dot"></span><span class="fl"><%= root.title %></span><span class="arr fl"></span></span><div class="subm fl f14 fyh ot"><% root.pages.order(:position).first(6).each do |page| %><a href="<%= page.url %>" ><span class="fl"><%= truncate page.title, length: 11 %></span><span class="ar fr"></span></a><% end %></div></li>
    <% end %>
  </ul>
  <div class="clear gap fl">
    <a href="/categories/news"><img src="/images/zx.png" width="207" border="0"></a> </div>
  <div class="clear gap fl">
    <img src="/images/kf.png" width="207" border="0">
  </div>
  <div class="clear gap fl">
    <img src="/images/rx.png" width="207" border="0">
  </div>
</div>

<script type="text/javascript">
window.onload=function(){
  var abc=document.getElementById('abc');
  var locLi=abc.getElementsByTagName('li');
  var locDiv=abc.getElementsByTagName('div');
  for(var i=0;i<locLi.length;i++){
    locLi[i].onmouseover=function(){
      displayDiv(this,'over');
      //alert(this);
    }
    locLi[i].onmouseout=function(){
      displayDiv(this,'out');
    }
  }
  function displayDiv(thisLi,enType){
    for(j=0;j<locDiv.length;j++){
      if(locDiv[j].parentNode==thisLi && enType=='over'){
        locDiv[j].style.display='block';
      }else{
        locDiv[j].style.display='none';
      }
    }
  }
}
</script>
